<div class="row--25-75 grid-demo">
  <div class="col">
    <h4>25/75 split</h4>
  </div>
  <div class="col">
    <p>Use 25/75 split on sections with narrow first column (usually a heading) followed by large content area that isn't split into smaller columns.</p>
    <p>On medium screens the 25/75 split is adjusted to be 33/66 (2 columns and 4 columns)</p>
    <p>On small screens it becomes 2 rows of 100 + 100 split.</p>
    <p>To achieve that use <code>row--25-75</code> class name on the row and <code>col</code> on the columns.</p>
  </div>
</div>